<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="./../style.css">
  <link rel="stylesheet" href="./../css/page.css">
  <script src="./../js/jquery-3.3.1.min.js"></script>
  
  <script type="text/javascript" src="./../js/app.min.js"></script>
  <script type="text/javascript" src="./../js/validation.js"></script>
  <script type="text/javascript" src="./../js/underscore-min.js"></script>
  <script src="./../js/base.js"></script>
  <script type="text/javascript" src="./../js/works.js"></script>
</head>
<body>

  <header id="header" class="transiti">
    <div class="header-wrap">
      <div class="logo">
      <a href="#" class="link-wrap"></a>
    </div>

      <div class="menu">
        <ul class="clearfix menu-wrap">
          <li class="menu-item link-hover" data-index="1"><a href="#" class="link">案例</a></li>
          <li class="menu-item link-hover" data-index="2"><a href="#" class="link">技术</a></li>
          <li class="menu-item link-hover" data-index="3"><a href="#" class="link">产品</a></li>
          <li class="menu-item"><a href="#" class="link">我们</a></li>
          <li class="menu-item link-hover" data-index="4"><a href="#" class="link">最新</a></li>
        </ul>
      </div>
    </div>

    <i class="line"></i>

    <div class="down-menu">
      <ul class="down-menu-wrap">
        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>
      </ul>
    </div>

    <div class="down-menu">
      <ul class="down-menu-wrap">
        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>


      </ul>
    </div>

    <div class="down-menu">
      <ul class="down-menu-wrap">
        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>


      </ul>
    </div>

    <div class="down-menu">
      <ul class="down-menu-wrap">
        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

      </ul>
    </div>
    <div class="down-menu">
      <ul class="down-menu-wrap">
        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>

        <li class="down-menu-item">
          <a href="#" class="link-wrap">
            <i class="fa fa-facebook"></i>
            <span class="text">菜单标题</span>
          </a>
        </li>
      </ul>
    </div>
  </header>

  

  <div class="page2 success">
    <div class="w1200 clearfix">
      <div class="success-item">
          <a href="/work_show.aspx?id=121" class='link-wrap'>
              <img src="./../images/success.jpg" alt="..." class="img-responsive transiti" />
              <h3 class='transiti'>广发银行</h3>
              <span class='transiti'></span>
          </a>
      </div>

      <div class="success-item">
          <a href="/work_show.aspx?id=121" class='link-wrap'>
              <img src="./../images/success.jpg" alt="..." class="img-responsive transiti" />
              <h3 class='transiti'>广发银行</h3>
              <span class='transiti'></span>
          </a>
      </div>

      <div class="success-item">
          <a href="/work_show.aspx?id=121" class='link-wrap'>
              <img src="./../images/success.jpg" alt="..." class="img-responsive transiti" />
              <h3 class='transiti'>广发银行</h3>
              <span class='transiti'></span>
          </a>
      </div>

      <div class="success-item">
          <a href="/work_show.aspx?id=121" class='link-wrap'>
              <img src="./../images/success.jpg" alt="..." class="img-responsive transiti" />
              <h3 class='transiti'>广发银行</h3>
              <span class='transiti'>假如有东西</span>
          </a>
      </div>
    </div>
  </div>

  <div id="footer" >
    <div class="bottom">
    <div class="footer-menu">
      <ul class="clearfix footer-menu-wrap">
        <li class='footer-menu-item'>
          <a href="#" class="link"><i class="dot"></i>售后</a></li>

        <li class='footer-menu-item'>
          <a href="#" class="link"><i class="dot"></i>联系</a></li>

        <li class='footer-menu-item'>
          <a href="#" class="link"><i class="dot"></i>购买</a></li>

        <li class='footer-menu-item'>
          <a href="#" class="link"><i class="dot"></i>专利</a></li>

        <li class='footer-menu-item'>
          <a href="#" class="link"><i class="dot"></i>我们</a></li>
      </ul>
    </div>

    <div class="footer-ico">
      <a href="#" class="ico-item fa fa-facebook">

      </a>

      <a href="#" class="ico-item fa fa-twitter">

      </a>

      <a href="#" class="ico-item fa fa-wechat">

      </a>

      <a href="#" class="ico-item fa fa-qq">

      </a>
    </div>

    <div class="copy">
      底部版权
    </div>
  </div>
  </div>

</body>
<script id="work-template" type="text/html">
  <div class="work-item <% if (isBig) { %> width2 <% } %>">
    <a class="work-link">
      <div class="content">
        <img class="img-responsive pointer cover" src="<%= img %>" title="<%= title %>" alt="<%= title %>"/>

        <div class="overlay">
          <h2><%= title %></h2>
        </div>
      </div>
    </a>
  </div>
</script>
</html>